﻿*{ margin:0; padding:0;outline:none; -webkit-font-smoothing: antialiased;}
body,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none; text-decoration:none; font-size:12px;}
html,body{ font-family:"微软雅黑",Microsoft YaHei; font-family: "Microsoft YaHei","微软雅黑" !important;/*兼容Opera*/color:#666;} 
img{border:none;} 
input,textarea{border:none; background:none; font-size:12px; vertical-align:middle;font-family:"微软雅黑",Microsoft YaHei;}
select{font-size:12px; vertical-align:middle; cursor:pointer; font-family:"微软雅黑",Microsoft YaHei;}
body a {outline: medium none;}
a{text-decoration:none; blr:expression(this.onFocus=this.blur());outline: none; color:#333; -webkit-transition:all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
a:hover{text-decoration:none; color:#006cb4;}
em,i{ font-style:normal;}
a:focus,input,select {outline:none;} 
.clearfix{ *zoom:1; }
.clearfix:after{ content:"\200B"; display: block; clear: both; height: 0;}

/*head_warp*/
.head_warp{ width:100%; min-width:1200px; height:110px; background:url(../images/nav_01.png) center top no-repeat; position:fixed; top:0; left:0; z-index:10000;} 
.inner{ width:1200px; margin:0 auto;}
.logo{ display:block; float:left; margin-top:35px;}
.top{ text-align:right; height:42px; padding-top:8px; line-height:24px;}
.distribution,.enter{ display:inline-block; vertical-align:middle; font-size:13px; color:#666; padding-left:24px; margin-left:20px; background:url(../images/head_ico1.png) no-repeat;}
.distribution{ background-position:0 3px;}
.distribution:hover{ color:#006cb4; background-position:0 -21px;}
.enter{ background-position:0 -46px;}
.enter:hover{ color:#006cb4; background-position:0 -70px;}
.search{ width:210px; height:24px;  display:inline-block; vertical-align:middle; margin:0 10px; background:url(../images/head_02.png) no-repeat;}
.search_txt{ width:174px; height:16px; line-height:16px; padding:4px 0 4px 12px; color:#999;}
.search_btn{ width:24px; height:24px; cursor:pointer; background:url(../images/head_ico2.png) center center no-repeat; filter:alpha(opacity=60); opacity: 0.60;}
.search_btn:hover{ filter:alpha(opacity=100); opacity: 1.00;}
.language{ display:inline-block; vertical-align:middle; position:relative;}
a.language_cur{ display:block; padding:0 16px; color:#006cb4; background:url(../images/head_ico3a.png) right center no-repeat;}
.language_sel{ position:absolute; top:24px; left:0; width:100%; background:#eee; display:none;}
.language_sel a{ display:block; line-height:24px; padding:0 16px;}
.language:hover a.language_cur{ /*background-color:#eee;*/ background-image:url(../images/head_ico3b.png);}
.language:hover .language_sel{ display:block;}
/*nav*/
.nav{ width:904px; float:right; position: relative;}
.nav li{ width:10%; float:left; text-align:center; position:relative;}
.nav li a.nav_item0{ display:block; height:60px; line-height:60px; overflow:hidden; font-size:14px; color:#fff;} 
.nav_sub{ position:absolute; top: 60px; left:-20px; width:142px; padding-top:5px; -webkit-transition:all 500ms ease; transition:all 500ms ease; opacity: 0; visibility:hidden; pointer-events:none;}
.nav_sub:before{ content:""; position: absolute; top:0; left:0; width:100%; height: 5px; background: #0f6eb2;}
.nav_sub_list{ padding:10px 0 5px; background: rgba(51,51,51, .80);}
.nav_sub a{ display:block; line-height:35px; height:35px; overflow:hidden; margin-bottom:5px; font-size:13px; color:#fff;}
.nav_sub a:hover{ background:url(../images/tou_blue80.png) repeat;}
.nav li.nav_cur a.nav_item0,
.nav li:hover a.nav_item0{ background-color:#006cb4;} 
.nav li:hover .nav_sub{ opacity: 1; visibility: visible; pointer-events: all;}
.nav li.li_dif{ position: static;}
.nav li.li_dif .nav_sub{ width:100%; left:50%; transform: translateX(-54%);}
.nav li.li_dif .nav_sub:before{ width:200%; left: -27.7%;}
.nav li.li_dif .nav_sub_list{ position: relative; display:flex; flex-wrap: wrap; align-items: stretch; padding: 10px 0 0 7%;}
.nav li.li_dif .nav_sub_list:before{ content:""; position: absolute; bottom: 0; right:100%; width: 250px; height: 100%; background: url(../images/nav_bg02.png) right bottom no-repeat;}
.nav li.li_dif .nav_sub_list:after{ content:""; position: absolute; bottom: 0; left:100%; width: 100%; height: 100%; background: rgba(51,51,51, .80);}
.dif_line{ float:left; text-align: left; width: 24%; margin-top: 25px;}
.dif_line:nth-child(2), .dif_line:nth-child(5){ width:35%;}
.dif_line:nth-child(3), .dif_line:nth-child(6){ width:41%;}  
.dif_line dt{}
.dif_line dt a{ font-weight: bold; font-size: 16px; color: #fff; margin-bottom: 0; }
.dif_line dt a:hover{background: none; color: #f19825;}
.dif_line dd{ display:inline-block; border-bottom: 1px solid rgba(255,255,255, .10); padding-bottom: 20px;}
.dif_line dd a{ display:inline-block; margin: 0 28px 0 0; font-size: 14px; height: 30px; line-height: 30px; color: #adadad;}
.dif_line dd a:last-child{ margin-right:0;}
.dif_line dd a:hover{ background: none; color: #f19825;}

/*foot_warp*/
.foot_warp{ width:100%; min-height:290px; padding-top:50px; background:url(../images/foot_01.jpg) no-repeat; position:relative;}
a.back_top2{ display:block; width:207px; height:30px; text-align:center; line-height:26px; background:url(../images/back_top.png) no-repeat; color:#f39700; text-transform:uppercase; position:absolute; top:0; left:50%; margin-left:407px;}
a.back_top2:hover{ font-weight:bold;}
.foot_top{ height:249px; overflow:hidden;}
.foot_l{ width:202px; float:left;}
.foot_logo{ display:block; margin:30px 0;}
.shared{}
.shared a{ display:block; float:left; width:24px; height:24px; padding:5px; background:url(../images/shared_01.png) no-repeat; margin:10px 10px 0;}
.shared a img{ width:24px; height:24px; filter:alpha(opacity=60); opacity: 0.60;}
.shared a:hover{ background-image:url(../images/shared_01b.png);}
.shared a:hover img{ filter:alpha(opacity=90); opacity: 0.90;}
.foot_nav{ min-height:204px; width:254px; padding:0 40px; border-left:1px solid #676767; border-right:1px solid #676767; float:left;}
.foot_nav li{ float:left; padding:12px 14px; line-height:24px;}
.foot_nav li a{ font-size:14px; color:#fff; filter:alpha(opacity=70); opacity: 0.70;}
.foot_nav li a:hover{ color:#0096fa; text-decoration:underline; filter:alpha(opacity=100); opacity: 1.00;}
.foot_nav li.web_site{ width:224px; padding:12px 0 0; margin:12px 14px 0; border-top:1px dashed #676767;}
.contact_des{ width:600px; float:right;}
.contact_tit{ padding-bottom:8px; border-bottom:2px solid #676767; font-size:20px; font-weight:normal; margin-bottom:10px;}
.contact_tit a{ color:#fff;}
.contact_tit a em{ font-size:14px; font-family:Georgia; color:#aaa; text-transform:uppercase; margin-left:10px;}
.contact_area{ width:280px; float:left;}
.contact_area2{ float:right;}
.contact_area h5{ font-size:13px; color:#fff; padding-bottom:10px; background:url(../images/title_dec2.png) left bottom no-repeat; margin-bottom:8px;}
.contact_list{ border-bottom:1px dashed #676767;}
.contact_list li{ line-height:20px; color:#fff; filter:alpha(opacity=50); opacity: 0.50; margin-bottom:6px;}
.contact_list li img{ vertical-align:middle; margin-right:10px;}
.stock{color:#fff; filter:alpha(opacity=50); opacity: 0.50; font-weight:bold; line-height:24px; padding-top:12px;}
.hot_line{ overflow:hidden;font-weight:bold; padding-top:12px;}
.hot_line dt{ display:block; float:left; color:#fefefe; filter:alpha(opacity=30); opacity: 0.30;}
.hot_line dd{ float:left; font-size:16px; color:#999; font-style:italic; margin-left:10px;}
.foot_bot{ width:100%; height:40px; line-height:40px;  border-top:1px solid #676767; overflow:hidden; color:#727272;}
.foot_bot a{color:#727272;}
.foot_bot a:hover{ color:#0096fa; text-decoration:underline;}
.powerd{ text-transform:uppercase; float:right;}
/*float*/
.float{ position:fixed; top:50%; right:0; z-index:2000;}
.float li{ position:relative; height:50px; margin:2px 0 0;}
.float a{ display:block; width:130px; height:50px; position:absolute; right:-90px; top:0; background:#666666; -webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px; -ms-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; font-size:14px; color:#fff;}
.float a img{ vertical-align:middle; margin-right:5px;}
.float li:hover a{ background:#006cb4; width:120px; padding-left:10px;}
.float li.back_top:hover a{ width:130px; padding-left:0;} 
.attention{ width:236px; padding:15px 0; background:#006cb4 url(../images/float_02.png) center 50px no-repeat; position:absolute; top:0; right:50px; display:none;}
.attention li{ height:auto; margin:0; float:left; padding:0 10px;}
.attention_tit{ font-size:14px; line-height:20px; color:#fff; background:url(../images/float_01.png) left center no-repeat; padding-left:26px; margin-bottom:15px;} 

.language_sel{ z-index:100;}
.search_txt{ padding-top:0;} 

